<template>
  <!-- 加载结束列表为空时展示 -->
  <view class="empty-wrap">
    <image
      class="empty-image"
      mode="aspectFit"
      src="../../static/images_qccx/empty.png"
    />
    <view class="empty-text">暂无数据</view>
  </view>
</template>
<script>
export default {
  data() {
    return {};
  },
  components: {},
  methods: {},
};
</script>
<style lang="scss" scoped>
.empty-wrap {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -200rpx;
  margin-top: -168rpx;
  image {
    width: 400rpx;
    height: 260rpx;
  }
  .empty-text {
    height: 44rpx;
    font-size: 28rpx;
    color: #767676;
    line-height: 44rpx;
    margin-top: 32rpx;
  }
}
</style>
